<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
            REPORTES
        </ui:define>
	<ui:define name="content">

		<f:view>

			<p:panel id="panel" header="REPORTES" style="margin-bottom:10px;">

				<h:panelGrid columns="4" cellpadding="1">
					<h:form target="_blank">
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:graphicImage value="../../../resources/images/r4.png" />

							<p:commandButton
								actionListener="#{productoReport.reporteProducto}"
								value="PRODUCTOS" ajax="false" icon="ui-icon-print" />
						</h:panelGrid>
					</h:form>

					<h:form target="_blank">
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:graphicImage value="../../../resources/images/r4.png" />

							<p:commandButton actionListener="#{grupoReport.reporteGrupo}"
								value="GRUPOS" ajax="false" icon="ui-icon-print" />
						</h:panelGrid>
					</h:form>

					<h:form target="_blank">
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:graphicImage value="../../../resources/images/r4.png" />

							<p:commandButton
								actionListener="#{productoReport.reporteProductoGrupo}"
								value="PRODUCTOS POR GRUPO" icon="ui-icon-print" ajax="false" />
						</h:panelGrid>
					</h:form>

					<h:form>
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:graphicImage value="../../../resources/images/r4.png" />

							<p:commandButton value="PRODUCTOS POR BODEGA"
								icon="ui-icon-print"
								oncomplete="PF('reporteProductoBodega').show()" />
						</h:panelGrid>
					</h:form>
				</h:panelGrid>

				<h:panelGrid columns="3" cellpadding="1">
					<h:form target="_blank">
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:inputText style="visibility:hidden"></p:inputText>
							<p:graphicImage value="../../../resources/images/r4.png" />

							<h:outputText value="BODEGA: " />
							<p:selectOneMenu style="width: 188px !IMPORTANT;"
								value="#{productoReport.bodega.bodegaid}"
								styleClass="comboFormNuevo" required="true"
								requiredMessage="ESCOJA UNA BODEGA">
								<f:selectItem id="comboBodegaOrigen"
									itemLabel="ESCOJA LA BODEGA ORIGEN" />
								<f:selectItems value="#{bodegaBean.listaBodegas}" var="bodega"
									itemValue="#{bodega.bodegaid}" itemLabel="#{bodega.nombre}" />
							</p:selectOneMenu>

							<h:outputText value="LISTA VENDEDOR: " />
							<p:selectBooleanCheckbox value="#{productoReport.bnVendedor}" />

							<p:commandButton icon="ui-icon-print"
								value="LISTA DE PRECIOS DE PRODUCTOS" ajax="false"
								actionListener="#{productoReport.reporteListaPrecioProducto}" />
						</h:panelGrid>
					</h:form>

					<h:form target="_blank">
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:inputText style="visibility:hidden"></p:inputText>
							<p:graphicImage value="../../../resources/images/r4.png" />

							<h:outputText value="BODEGA: " />
							<p:selectOneMenu style="width: 188px !IMPORTANT;"
								value="#{productoReport.bodega.bodegaid}"
								styleClass="comboFormNuevo" required="true"
								requiredMessage="ESCOJA UNA BODEGA">
								<f:selectItem id="comboBodegaOrigen"
									itemLabel="ESCOJA LA BODEGA ORIGEN" />
								<f:selectItems value="#{bodegaBean.listaBodegas}" var="bodega"
									itemValue="#{bodega.bodegaid}" itemLabel="#{bodega.nombre}" />
							</p:selectOneMenu>

							<p:commandButton icon="ui-icon-print"
								value="LISTA DE PRODUCTOS A PEDIR POR STOCK" ajax="false"
								actionListener="#{productoReport.reportePedidoStockProducto}" />
						</h:panelGrid>
					</h:form>

					<h:form target="_blank">
						<h:panelGrid columns="1" cellpadding="1"
							style="text-align: center;">
							<p:inputText style="visibility:hidden"></p:inputText>
							<p:graphicImage value="../../../resources/images/r4.png" />

							<h:outputText value="BODEGA: " />
							<p:selectOneMenu style="width: 188px !IMPORTANT;"
								value="#{productoReport.bodega.bodegaid}"
								styleClass="comboFormNuevo" required="true"
								requiredMessage="ESCOJA UNA BODEGA">
								<f:selectItem id="comboBodegaOrigen"
									itemLabel="ESCOJA LA BODEGA ORIGEN" />
								<f:selectItems value="#{bodegaBean.listaBodegas}" var="bodega"
									itemValue="#{bodega.bodegaid}" itemLabel="#{bodega.nombre}" />
							</p:selectOneMenu>

							<p:commandButton icon="ui-icon-print"
								value="CONTROL DE INVENTARIO" ajax="false"
								actionListener="#{productoReport.reporteControlInventario}" />
						</h:panelGrid>
					</h:form>

				</h:panelGrid>
			</p:panel>


			<p:dialog header="REPORTE DE PRODUCTO POR BODEGA"
				widgetVar="reporteProductoBodega" resizable="false" modal="fasle"
				showEffect="clip" hideEffect="fold" id="dialogoProductoBodega"
				width="50%">

				<h:form id="formNuevoProducto" target="_blank">
					<h:panelGrid columns="3" cellpadding="1">
						<h:outputText value="BODEGA: " />
						<p:selectOneMenu style="width: 188px !IMPORTANT;"
							value="#{productoReport.bodega.bodegaid}"
							styleClass="comboFormNuevo" required="true"
							requiredMessage="ESCOJA UNA BODEGA">
							<f:selectItem id="comboBodegaOrigen"
								itemLabel="ESCOJA LA BODEGA ORIGEN" />
							<f:selectItems value="#{bodegaBean.listaBodegas}" var="bodega"
								itemValue="#{bodega.bodegaid}" itemLabel="#{bodega.nombre}" />
						</p:selectOneMenu>
						<h:outputText />

						<h:outputText value="NOMBRE DEL PRODUCTO: " />
						<p:inputText value="#{productoReport.nombreProducto}"
							onblur="this.value=this.value.toUpperCase();" />

						<p:commandButton update=":formNuevoProducto:tablaProductos"
							icon="#{msg['iconoGuardar']}"
							actionListener="#{productoReport.obtenerProductos}" />
					</h:panelGrid>

					<p:dataTable id="tablaProductos" var="producto" style="width:100%"
						value="#{productoReport.listProductos}" paginator="true" rows="5"
						emptyMessage="#{msg['lbl.mensajeTabla']}"
						paginatorPosition="bottom" rowKey="#{producto.productoid}"
						selection="#{productoReport.producto}" selectionMode="single">

						<p:ajax event="rowSelect"
							listener="#{productoReport.obtenerProducto}" />

						<p:column headerText="EAN" style="text-align:center;width: 20%;">
							 	#{producto.ean}
						</p:column>

						<p:column headerText="NOMBRE" style="text-align:center;">
							 	#{producto.nombreimprimir}
						</p:column>

					</p:dataTable>

					<h:panelGrid columns="2" cellpadding="1">
						<f:facet name="footer">
							<p:separator />
							<p:commandButton value="ACEPTAR" id="btnNuevoAceptar"
								icon="#{msg['iconoGuardar']}"
								actionListener="#{productoReport.reporteProductoBodega}"
								ajax="false" oncomplete="PF('reporteProductoBodega').hide()"
								styleClass="centrarBotonesDialogos" />

							<p:commandButton value="CANCELAR"
								oncomplete="PF('reporteProductoBodega').hide()"
								id="btnNuevolimpiar" icon="#{msg['iconoCancelar']}"
								styleClass="centrarBotonesDialogos" />
						</f:facet>
					</h:panelGrid>

				</h:form>

			</p:dialog>


		</f:view>
	</ui:define>
</ui:composition>
</html>